<!DOCTYPE html>
<html>
	<head>
		<!--meta元信息-->
		<meta charset="utf-8"/>
		<title>永和小票</title>
		<!--样式设计写在style标签中-->
		<style>
			body{ 
				/* background-image: url(images/Jackie.jpg); */
				/* background-color: rgba(32,153,230,0.1); */
				background-color: beige;
				margin: auto;
				width:313px; 
				font-size: 10px;
			}
			#please{
				font-size: 24px;
				font-weight: bold;
			}
			.self{
				padding-left: 100px;
			}
			hr{
				border: 1px dashed;
			}
			.note{
				/* padding-top: 20px;
				padding-bottom: 15px; */
				margin-top: 20px;
				margin-bottom: 15px;
			}
			.img{
				padding-left: 80px;
			}
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<div id="please">请您留言取餐账单号</div>
		<div class="self">自取顾客联</div>
		<div>永和大王（北三环西路店）</div>
		<div>010-15926348</div>
		<div class="self">--结账单--</div>
		<div id="please">账单号：P000010</div>
		<div>账单类型：堂食</div>
		<div>人数：1</div>
		<div>收银员：张静</div>
		<div>开单时间：2020-05-18 15:24:23</div>
		<div>结账时间：2020-05-18 15:25:45</div>
		<!--表格没有列概念，叫做单元格-->
		<hr />
		<table border=0>
			<tr>
				<td width="50" align="center">数量</td>
				<td width="190">品项</td>
				<td width="50"align="right">金额</td>
			</tr>
			<tr>
				<td valign="top">1</td>
				<td>
					玉米肉松蛋饼2P<br/>
					1 X -- 玉米肉松蛋饼<br/>
					1 X -- 现磨豆浆（热/甜）
				</td>
				<td valign="top" align="right">8.00</td>
			</tr>
		</table>
		<hr />
		<table border=0>
			<tr>
				<td width="246">合计</td>
				<td width="50" align="right">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td align="right">8.00</td>
			</tr>
		</table>
		<div>打印时间：2020-04-17 07:24:38</div>
		<hr />
		<div class="note">
			<!--七个空格等价于两个汉字距离-->
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据相关税法规定，电子发票的开票日期同网上申请电子发票的日期，如您需要
			当日的电子发票请务必在消费当日通过扫描下方二维码，根据指引步骤开具您的
			增值税电子普通发票。此二维码30天有效，扫描时请保持小票平整。
		</div>
		<img class="img" src="images/download.png" >
		<div>官网：<a href="http://www.yonho.com/">www.yonho.com</a></div>
		<div>加盟热线：86-21-12345678</div>
	</body>
</html>


